<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    var obj = {
      a:10,
      b:20
    }
    var val = 100
    // Object.defineProperty 可以定义对象已经存在的属性或者  不存在
    Object.defineProperty(obj,'a',{
      get:function(){
        // get 拦截 用户 获取 这个对象的这个属性的值得时候
        // 我返回什么值 获取就是什么值

        console.log('值获取了')
        
        return val;
      },
      set:function(newVal){
        console.log('设置值了')
        val = newVal
      }
    })
    console.log(obj.a)
   
    obj.a = 10000
    console.log(obj.a)
  </script>
</body>
</html>